<script lang="ts" setup>
import { defineProps } from 'vue';

defineProps(['it'])

</script>
<template>
    <div style="display: flex;margin-bottom: 20px; justify-content: space-between;">
        <div style="display: flex; flex-flow: column wrap;justify-content: space-around;">
            <div><b>{{ it.name + it.gamemsg }}</b></div>
            <div>
                <span style="color: gray;">{{ it.time }}</span>
                <el-icon size="18px" style="top:3px;opacity: 0.5;margin: 0 5px;">
                    <ChatDotSquare />
                </el-icon><b style="font-size: 11px;color: gray;opacity: 0.7;position: relative;right: 0px;
                                    top: -3px;">{{ it.news }}</b>
            </div>

        </div>
        <img style="width: 50%;border-radius: 6%;" :src="it.img" alt="">
    </div>
</template>